<template>
    <div class="footerBox">
    <div class="footer">
      <ul>
        <li>
          <router-link to="/">
            <van-icon name="wap-home-o" size="2em" />
            <p>首页</p>
          </router-link>
        </li>
        <li>
          <router-link to="/product/product/Edit">
            <van-icon name="apps-o" size="2em" />
            <p>分类</p>
          </router-link>
        </li>
        <li>
            <router-link to="/product/product/cart">
            <van-icon name="cart-o" size="2em" />
            <p>购物车</p>
          </router-link>
        </li>
        <li>
          <router-link to="/user/base/index">
            <van-icon name="manager-o" size="2em" />
            <p>我的</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div> 
</template>
<script>
export default {
    
}
</script>

<style>
    .footerBox .footer{
        height: 65px;
    }
    .footerBox .footer ul li{
        padding: .5rem 0;
    }
    .footer li{
        text-align: center;
    }

    .footer li a.active{
        color: #fe7923;
    }

    .footer li a.active p{
        color: #fe7923;
    }
</style>